<template>
  <div>
    <h2>我是Home的内容</h2>
    <ul class="nav nav-tabs">
      <li>
        <router-link
          active-class="active"
          to="/home/news"
          class="list-group-item"
          >News</router-link
        >
      </li>
      <li>
        <router-link
          active-class="active"
          to="/home/message"
          class="list-group-item"
          >Message</router-link
        >
      </li>
    </ul>
    <ul>
      <!-- 缓存多个路由组件 -->
      <!-- <keep-alive :include="['NeWs','MessAge']"> -->
      <!-- 缓存一个路由组件 -->
      <keep-alive include="NeWs">
        <router-view></router-view>
      </keep-alive>
    </ul>
  </div>
</template>
<script>
export default {
  name: "HoMe",
};
</script>
